// 筛选列表
$(function () {
    $('.nav ul li>.svg-icon').click(
        function () {
            $(this).hide().siblings().show();

            if ($(this).eq(0).hasClass('dn')) {
                $('body').css('overflow', 'auto');
                $('.mask-layer').hide();
                $('.nav-list').animate({
                    right: "-68%"
                });
            } else {
                $('body').css('overflow', 'hidden');
                $('.mask-layer').show();
                $('.nav-list').animate({
                    right: "0"
                });
            }
        }
    )

    $('.nav-list ul li').click(
        function () {
            $(this).addClass('bright').siblings().removeClass();
            $('.nav-list .intro i').text($(this).text());
            $('.details-listTile span').text($(this).text());
            $('.nav ul li>.svg-icon').eq(1).hide().siblings().show();
            $('.mask-layer').hide();
            $('.nav-list').animate({
                right: "-68%"
            });
        }
    )
})
// 筛选列表 END

// 轮播图
var c = 0;

var run = function () {
    c++;
    c = c == 5 ? 0 : c;
    //让c号图片显示，其兄弟元素隐藏
    $("#flash img").eq(c).fadeIn(300).siblings('img').fadeOut(300);
    //让c号li变红，其兄弟元素变灰
    $("#flash ul li").eq(c).css("background", "#F15142").siblings('li').css("background", "#fff");
}

//设置定时器，控制自动轮播
var timer = setInterval(run, 4000)
//定时器调用的函数
$(function () {
    $("#flash").hover(function () {
        //清理定时器
        clearInterval(timer);
    }, function () {
        timer = setInterval(run, 4000)
    });
})

$(function () {
    // 手势滑动
    $("#flash").on("touchstart", function (e) {
        // 判断默认行为是否可以被禁用
        if (e.cancelable) {
            // 判断默认行为是否已经被禁用
            if (!e.defaultPrevented) {
                e.preventDefault();
            }
        }
        startX = e.originalEvent.changedTouches[0].pageX,
            startY = e.originalEvent.changedTouches[0].pageY;
    });
    $("#flash").on("touchend", function (e) {
        // 判断默认行为是否可以被禁用
        if (e.cancelable) {
            // 判断默认行为是否已经被禁用
            if (!e.defaultPrevented) {
                e.preventDefault();
            }
        }
        moveEndX = e.originalEvent.changedTouches[0].pageX,
            moveEndY = e.originalEvent.changedTouches[0].pageY,
            X = moveEndX - startX,
            Y = moveEndY - startY;
        //左滑
        if (X > 0) {
            c--;
            if (c < 0) {
                c = 4
            }
            c = c == -1 ? 3 : c;
            var b = c;
            $("#flash img").eq(b).fadeIn(300).siblings('img').fadeOut(300);
            $("#flash ul li").eq(c).css("background", "#F15142").siblings('li').css("background",
                "#fff");
        }
        //右滑
        else if (X < 0) {
            c++
            c = c == 5 ? 0 : c;
            var d = c;
            $("#flash img").eq(d).fadeIn(300).siblings('img').fadeOut(300);
            $("#flash ul li").eq(c).css("background", "#F15142").siblings('li').css("background",
                "#fff");
        }
    });
})
// 轮播图 END